Skip to content

feat: implement developer activity timeline with filters, custom date... - #2593

Closed
HarmiBhikadiya wants to merge 1 commit into
Priyanshu-byte-coder:mainfrom
HarmiBhikadiya:feat/dev-activity-timeline
Closed

feat: implement developer activity timeline with filters, custom date...#2593
HarmiBhikadiya wants to merge 1 commit into
Priyanshu-byte-coder:mainfrom
HarmiBhikadiya:feat/dev-activity-timeline

Conversation

@HarmiBhikadiya

@HarmiBhikadiya HarmiBhikadiya commented Jun 19, 2026

Copy link
Copy Markdown
Contributor

Summary

This PR implements the new Developer Activity Timeline feature on the analytics dashboard. It visualizes a user's GitHub activity in reverse chronological order, allowing developers to filter activity categories, select standard or custom date ranges, and toggle between daily, weekly, or monthly grouping views.

Closes #2592

Type of Change

  • 🐛 Bug fix (non-breaking change that fixes an issue)
  • ✨ New feature (non-breaking change that adds functionality)
  • 💥 Breaking change (fix or feature that changes existing behavior)
  • 📝 Documentation update
  • ♻️ Refactor / code cleanup (no functional change)
  • ⚡ Performance improvement
  • 🔒 Security fix
  • 🧪 Tests only

What Changed

Timeline Data Processing

  • Added timeline activity normalization utilities.

  • Implemented conversion of GitHub activity data into a unified timeline format.

  • Added filtering support for:

    • Commits
    • Pull Requests
    • Issues
    • Reviews
    • All Activities

  • Added grouping logic for Daily, Weekly, and Monthly timeline views.

UI Components

  • Created reusable timeline container component.

  • Added activity cards displaying:

    • Activity type
    • Repository name
    • Timestamp
    • Activity description
    • Direct GitHub links

  • Added category filter controls.

  • Added date range selectors (7, 30, 90 days and custom range).

  • Added view controls for Daily, Weekly, and Monthly grouping.

  • Added loading, empty, and error states.

Navigation & Routing

  • Added a dedicated Activity Timeline page within the dashboard.
  • Added navigation entry for quick access from the dashboard.
  • Integrated timeline navigation into the application navbar.

Internationalization

  • Added translation keys for timeline-related labels and controls.
  • Updated localization files where required.

Testing

  • Added unit tests covering:

    • Data normalization
    • Activity filtering
    • Date range handling
    • Timeline grouping logic
    • Component rendering behavior

How to Test

  1. Install dependencies and start the development server:
npm install
npm run dev

  1. Open the dashboard and navigate to Activity Timeline.

  2. Verify:

    • Timeline activities appear in reverse chronological order.
    • Activity filters work correctly.
    • Daily, Weekly, and Monthly grouping views update properly.
    • Date range filters update displayed activities.
    • Loading, empty, and error states display correctly.
    • Timeline links redirect to the correct GitHub resources.

  3. Run tests:

npm run test

Expected Result:

  • Timeline renders correctly.
  • Filtering and grouping behave as expected.
  • All tests pass successfully.

Checklist

  • Linked the related issue above
  • Self-reviewed my own diff
  • No unnecessary console logs or debug code
  • Lint checks pass locally
  • No TypeScript errors
  • Added/updated tests where applicable
  • Updated documentation where necessary

Accessibility

  • Keyboard navigation supported
  • Accessible interactive controls
  • Proper ARIA labels added where required
  • Responsive across desktop, tablet, and mobile devices
  • Color contrast follows accessibility guidelines

Additional Context

This feature provides developers with a centralized chronological view of their GitHub contributions, making it easier to analyze activity patterns, track productivity, and review contribution history across repositories. The implementation is designed to be scalable, reusable, and consistent with the existing DevTrack dashboard architecture.

@HarmiBhikadiya

HarmiBhikadiya commented Jun 19, 2026

Copy link
Copy Markdown
Contributor Author

Hello @maintainers,

I have implemented the Developer Activity Timeline feature as discussed in the issue. The implementation includes activity filtering, date-range selection, timeline grouping views, responsive UI components, localization support, and unit tests.

Kindly review the PR and consider adding the appropriate GSSoC'26 labels (level and points) if it meets the project requirements.

Thank you!

@github-actions github-actions Bot added type:bug GSSoC type bonus: bug fix type:feature GSSoC type bonus: new feature type:testing GSSoC type bonus: tests (+10 pts) type:design GSSoC type bonus: UI/design (+10 pts) type:performance GSSoC type bonus: performance (+15 pts) gssoc26 GSSoC 2026 contribution labels Jun 19, 2026
@github-actions

github-actions Bot commented Jun 19, 2026

Copy link
Copy Markdown

GSSoC Label Checklist 🏷️

@Umbrella-io — please apply the appropriate labels before merging:

Difficulty (pick one):

  • level:beginner — 20 pts
  • level:intermediate — 35 pts
  • level:advanced — 55 pts
  • level:critical — 80 pts

Quality (optional):

  • quality:clean — ×1.2 multiplier
  • quality:exceptional — ×1.5 multiplier

Validation (required to score):

  • gssoc:approved — counts for points
  • gssoc:invalid / gssoc:spam / gssoc:ai-slop — does not score

Type labels (type:*) are auto-detected from files and title. Review and adjust if needed.
Points formula: (difficulty × quality_multiplier) + type_bonus

@HarmiBhikadiya
HarmiBhikadiya force-pushed the feat/dev-activity-timeline branch 6 times, most recently from 5eb55d0 to f851b83 Compare June 19, 2026 19:46
@HarmiBhikadiya

HarmiBhikadiya commented Jun 19, 2026

Copy link
Copy Markdown
Contributor Author

Hi maintainers,

I investigated the CI results and all build, lint, and type-check validations are passing successfully. The only failing checks are two Playwright E2E tests related to dashboard console errors and notification drawer behavior.

As these appear unrelated to the Developer Activity Timeline implementation, could you please advise whether these are existing/flaky test failures or if any additional changes are required from my side?

Thank you.

@Priyanshu-byte-coder

Priyanshu-byte-coder commented Jun 21, 2026

Copy link
Copy Markdown
Owner

CI is failing on this PR. Please fix the TypeScript/test errors before we can merge. Run npm run typecheck and npm test locally to reproduce.

@HarmiBhikadiya
HarmiBhikadiya force-pushed the feat/dev-activity-timeline branch from 48b68c8 to 647243b Compare June 22, 2026 07:27
@HarmiBhikadiya

HarmiBhikadiya commented Jun 22, 2026

Copy link
Copy Markdown
Contributor Author

I have rebased the PR branch onto the latest main branch to pull in recent system updates and resolve the TypeScript type-checking errors (which were caused by a missing @google/generative-ai dependency added in a separate merge).

The local type checks (npm run type-check) and the timeline-specific unit tests (npm test test/timeline.test.ts) are now passing cleanly with zero errors.

@HarmiBhikadiya
HarmiBhikadiya force-pushed the feat/dev-activity-timeline branch from 28ed90f to 4b0a5bd Compare June 26, 2026 18:49
@HarmiBhikadiya

HarmiBhikadiya commented Jun 26, 2026

Copy link
Copy Markdown
Contributor Author

Hii @Priyanshu-byte-coder , The CI fails on pnpm install --frozen-lockfile due to duplicate overrides defined in both package.json (lines 90-102) and pnpm-workspace.yaml, causing a config mismatch. This issue is present on the base repository's main branch.

@Priyanshu-byte-coder

Priyanshu-byte-coder commented Jun 30, 2026

Copy link
Copy Markdown
Owner

New UI/feature PRs are on hold during the code quality sprint — see discussion #2651. PRs for tests, refactoring, bug fixes, docs, and performance are welcome.

@Priyanshu-byte-coder

Priyanshu-byte-coder commented Jul 3, 2026

Copy link
Copy Markdown
Owner

New feature/UI PRs are on hold during the code-quality sprint — see discussion #2651. We'll revisit after the sprint; tests, refactors, and bug-fix PRs are the priority right now.

@Priyanshu-byte-coder

Priyanshu-byte-coder commented Jul 29, 2026

Copy link
Copy Markdown
Owner

Closing as stale. The last commit on this branch was 2026-06-26, over a month ago, and there's been no activity since.

This isn't a rejection of the idea — DevTrack's PR queue grew past 110 open PRs, so I'm clearing branches that have gone quiet so the review tab reflects what's actually in progress.

If you still want to land this: rebase on current main, address any review feedback above, and reopen this PR (or open a fresh one) — I'll review it. Thanks for contributing to DevTrack.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@Priyanshu-byte-coder Priyanshu-byte-coder Awaiting requested review from Priyanshu-byte-coder Priyanshu-byte-coder is a code owner

Assignees

@HarmiBhikadiya HarmiBhikadiya

Labels

gssoc26 GSSoC 2026 contribution type:bug GSSoC type bonus: bug fix type:design GSSoC type bonus: UI/design (+10 pts) type:feature GSSoC type bonus: new feature type:performance GSSoC type bonus: performance (+15 pts) type:testing GSSoC type bonus: tests (+10 pts)

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

[FEAT] Developer Activity Timeline

2 participants

@HarmiBhikadiya @Priyanshu-byte-coder